{% extends "common/templates/base.html" %}

{% block body %}
  <h1>
    <fb:intl>Welcome on {{ SITE_NAME }}</fb:intl>, 
    <fb:name uid="{{ request.user.uid }}" firstnameonly="true" useyou="false" /> !
  </h1>
  <h3>
    <fb:intl>You are ready to make a new world... slap up !</fb:intl>
		<fb:add-section-button section="profile" />
  </h3>
  
  <fb:tabs>  
    <fb:tab-item href='{{ FACEBOOK_APP_ROOT }}/' 
		 title='Home' selected='{% if not area %}true{% endif %}'/>
    <fb:tab-item href='{{ FACEBOOK_APP_ROOT }}/slap/' 
		 title='New Slap' selected='{% ifequal area "slap" %}true{% endifequal %}'/>
    <fb:tab-item href='{{ FACEBOOK_APP_ROOT }}/given/' 
		 title='Given Slaps' selected='{% ifequal area "slap/given" %}true{% endifequal %}'/>
    <fb:tab-item href='{{ FACEBOOK_APP_ROOT }}/received/' 
		 title='Received Slaps' selected='{% ifequal area "slap/received" %}true{% endifequal %}'/>
    <fb:tab-item href='http://www.facebook.com/apps/application.php?id={{ FACEBOOK_APP_ID }}' 
		 title='About {{ SITE_NAME }}'/>
  </fb:tabs>
  <br />
  
  <div class="profile">
    <div class="picture">
      <fb:profile_pic uid="{{ request.user.uid }}" 
		      facebook_logo="false" linked="false" size="normal">
      </fb:profile_pic>
    </div>
    <table class="information">
      <tr>
	<td valign="top">
	  <h3>Slappeur, <fb:name uid="{{ request.user.uid }}" useyou="false"></fb:name></h3>
	  <ul style="list-style-type:none">
	    <li><fb:intl>Subscribe date :</fb:intl> {{ request.user.created|date:"jS o\f F Y" }}</li>
	    <li><fb:intl>Status :</fb:intl> {{ request.user.status }}</li>
	    <li><fb:intl>Slaps given :</fb:intl> {{ request.user.count_sended }}</li>
	    <li><fb:intl>Slaps received :</fb:intl> {{ request.user.count_received }}</li>
	  </ul>
	</td>
	<td>
	  <em><fb:intl>your score : </fb:intl></em>
	  <div class="big-score">
	    {{ request.user.count_sended }} | {{ request.user.count_received }} 
	  </div>
	</td>
      </tr>
    </table>
    <div style="clear:both"></div>
  </div>
  <br />
 
  <div id="contents">
  {% block contents %}
  {% endblock %}
  </div>
  
{% endblock %}
